﻿body{background:#464646;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin: 0}
#envoltura{position:absolute;left:50%;top:50%;margin-left:-165px;margin-top:-150px;width:330px}
#mensaje{background: #ececec;border: 1px solid #000;border-radius:2px;box-shadow: 0 0 0 2px rgba(255,255,255,.1);display: none;font-weight: bold;height: 20px;line-height: 20px;left: 30px;position: absolute;right: 30px;text-align: center;top: -50px}
#mensaje.mensaje-rojo{border-color: #e9322d;color: #e9322d;}
#mensaje.mensaje-verde{border-color: #46a546;color: #46a546;}
#contenedor{background-color:#356AA0;box-shadow: 0 0 0 5px rgba(255,255,255,.3);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#cabecera
{border-bottom: 1px solid #666;color:#FFF;
 font-family:'Trebuchet MS', Helvetica, sans-serif;font-size:28px;height:50px;
 line-height:50px;text-shadow: 1px 1px 2px #000000;text-align:center
 }
#cuerpo{background:#ececec;border:solid #ccc;border-width: 1px 0;padding:10px 30px;}
.mensaje { text-align:center; color:red; font-weight:bold; padding:4px; }
form,p{margin:0}
p{padding-bottom: 5px}
.mb10{margin-bottom: 10px}
label{color: #666;font-weight: bold}
input{border: 1px solid #999;border-radius:2px;box-shadow: 0 0 0 2px rgba(0,0,0,.1);line-height: 24px;padding:0 2px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
input#usuario{background:#fff url(../img/login-sprite.png) no-repeat 0 -23px;padding-left: 20px;width: 244px}
input#contrasenia{background:#fff url(../img/login-sprite.png) no-repeat 0 -53px;padding-left: 20px;width: 244px}
.oculto{display: none}
.captcha img{border:1px solid #999;float: left;margin-right: 10px}
.captcha input{width: 60px;text-transform: uppercase}
.boton{background: #ccc;color: #666;background: -moz-linear-gradient(top,#eee,#ccc);background: -webkit-linear-gradient(top,#eee,#ccc);background: linear-gradient(top,#eee,#ccc);padding:0 10px;}
.boton:active{position: relative;top: 1px}
#pie{border-top: 1px solid #666;color: #fff;font-size: 11px;height: 24px;line-height: 24px;text-align: center}
#nota{padding-top: 20px;}
#nota a{background:url(../img/login-sprite.png) no-repeat;display: block;height: 18px;margin: 0 auto;opacity:.28;overflow: hidden;text-indent: 100%;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear;width: 125px}
#nota a:hover{opacity:.5}